@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@emailCharge: email-todo;

.@{emailCharge} {
  &-view {
    color: @color-text-paragraph;
    &-actionSheet {
      .am-action-sheet-content {
        margin: 0;
        .am-action-sheet-button-list-main {
          border-radius: 0;
        }
        .am-action-sheet-button-list-item {
          height: auto;
          line-height: inherit;
        }
        .am-action-sheet-button-list-item-active {
          background: @fill-base;
        }
      }
    }
    &-title {
      padding: @h-spacing-md @v-spacing-lg;
      padding-right: 0;
      overflow: hidden;
      .hairline('bottom');
      &-left {
        display: inline-block;
        @diff: 50 * @hd;
        width: calc(~"100% - @{diff}");
        text-align: left;
        &-time {
          color: @brand-primary;
          padding-top: @h-spacing-sm;
        }
      }
      &-right {
        display: inline-block;
        width: 50 * @hd;
        padding-top: 7 * @hd;
        vertical-align: top;
      }
    }
    &-content {
      padding-bottom: 35 * @hd;
      .am-list-body {
        border-bottom: none;
      }
      .am-list-form {
        margin: 0;
      }
      .am-list-form.line {
        margin-left: @v-spacing-lg;
        .am-list-label {
          min-width: 100 * @hd;
          text-align: left;
        }
      }
      .am-list-body .am-list-item:last-child .am-list-line {
        .hairline('bottom');
      }
      .am-list-form .am-list-content .am-list-item.am-textarea-item .am-textarea-control textarea {
        max-height: 75 * @hd;
      }
    }
    &-button {
      height: @button-height;
      .am-button {
        display: inline-block;
        width: 50%;
        &:first-child {
          background: @fill-grey;
        }
      }
    }
  }
  &-set {
    .am-button {
      position: absolute;
      width: 100%;
      bottom: 0;
    }
    .am-list-form .am-list-content .am-list-item.am-textarea-item .am-textarea-control textarea {
      max-height: 75 * @hd;
    }
  }
}